@charset "utf-8";

/*公共样式 global*/
.icon-bar {
	background: #000
}

a {
	color: #333
}

a:hover,
a:active,
a:focus {
	color: #333;
	text-decoration: none
}

ul {
	padding: 0;
	margin: 0;
	list-style: none
}

/*.nav li a:focus,.nav li a:hover{background:0}*/

.toggle-lang {
	position: absolute;
	right: 1em;
	top: .5em;
	font-size: 12px;
	color: white;
}

.toggle-lang a {
	color: #fdf;
}

/*.carousel-inner{
	height: 425.47px;
}*/
.form-control::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #fff;
}

@media (max-width: 767px) {
    #codeimg {
        height: 33px;
        padding-left: 0;
        width: 150px;
    }
    .footer a{
            display: block;
    }
	.toggle-lang {
		text-align: right !important;
		position: inherit !important;
		padding: 2px 0px !important;
		font-size: 12px !important;
		background: #f4f4f4 !important;
		right: 1em !important;
		top: .5em !important;
		font-size: 12px !important;
	}

	.toggle-lang a {
		color: black !important;
	}

	.index-product-container .proportion-constrain-4b3,
	.product-list .proportion-constrain-4b3 {
		border: solid 1px #ccc;
		height: 220px !important;
	}
}

.banner img {
	width: 100%;
}

.top-banner {
	background: #3a393c;
	color: #ccc;
	font-size: 18px;
	line-height: 3.5
}

.vline-title {
	display: inline-block;
	display: inline-block;
    color: #f16e1d;
    border-left: solid 5px;
    padding: 0 10px;
    font: bold 16px/1 sans-serif;
	/*color:#3a393c;border-left:solid 5px;padding:0 10px;font: bold 16px/1 sans-serif;*/
}

.dropdown-menu li a {
	line-height: 2
}

.navbar {
	margin: 0;
	border-radius: 0;
	border: none
}

.navbar-nav {
	margin: 0
}

.navbar-nav li .dropdown-menu {
	border: none;
	border-radius: 0
}

.navbar-brand {
	font-weight: bold;
}

.carousel {
	z-index: 1
}

/*导航*/
.breadcrumb li+li:before {
	content: '\003e\00a0';
	color: #333
}

.breadcrumb {
	border-radius: 0;
	line-height: 2
}

/**等比图片**/
.proportion-constrain-4b3,
.proportion-constrain-16b9 {
	position: relative;
	height: 0
}

.proportion-constrain-4b3 {
	padding-bottom: 75%
}

.proportion-constrain-16b9 {
	padding-bottom: 56.25%
}

.proportion-constrain-4b3 img,
.proportion-constrain-16b9 img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/*图片缩放动画*/
.zoomable {
	overflow: hidden;
}

.zoomable img {
	-ms-transform: -ms-transform .3s;
	-moz-transition: -moz-trasnform .3s;
	-o-transition: -o-transform .3s;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s
}

.zoomable img:hover {
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

/*标题*/
.section-header {
	text-align: center
}

.section-header .title {
	font-size: 27px;
	margin-top: 0
}

.section-header .subtitle {
	color: #666;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.5;
	white-space: nowrap;
	text-transform: uppercase;
	font-family: times;
}

.section-header .subtitle:before,
.section-header .subtitle:after {
	content: '';
	width: 80px;
	border-top: solid 1px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px
}

.pagination-wrapper {
	text-align: center
}

/*页脚*/
.footer {
	color: #fff;
	background: #3a393c;
}

.footer a {
	color: #fff
}

.footer .footer-wrap {
	padding: 20px 0;
}

.footer .contact .list {
	line-height: 2
}

.footer .friend-link {
	background: rgba(0, 0, 0, .2);
	line-height: 3
}

.footer .copyright-wrap {
	text-align: center
}

.footer .form-control {
	background: 0;
	border-radius: 0;
	resize: none;
	color: #fff;
}

.footer .btn-submit {
	color: #fff;
	background: #f16e1d;
	border-radius: 0
}

.footer .btn-submit:active {
	background: #09f
}

@media screen and (max-width:767px) {
	.copyright-item {
		display: block;
	}
}

/*导航*/
.fixed-navbar-bottom {
	height: 60px
}

.fixed-navbar-bottom .navbar-bottom {
	position: fixed;
	height: 60px;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 999;
	/*line-height: 50px;*/
	text-align: center;
	background: #fff;
	box-shadow: 0 0 2px #000
}

.navbar-bottom .nb-item {
	float: left;
	width: 20%
}

.nb-item a img,
.nb-item a b {
	font-weight: normal;
	vertical-align: middle
}

.nb-item a img{
    display: block;
    width: 24px;
    height: 24px;
    margin: 7px auto 2px;
}


/*二级菜单*/
.dropdown-menu>.submenu {
	position: relative;
}

.dropdown-menu>.submenu:after {
	content: '';
	position: absolute;
	right: 5px;
	top: 13px;
	border: solid 4px transparent;
	border-left-color: #333;
}

.dropdown-menu>.submenu>.dropdown-menu {
	left: 100%;
	top: 0;
	margin: 0
}

/*
.fixed-navbar-bottom>.navbar-bottom>a{position: fixed; width: 50px; height: 50px; right: 0; bottom: 50px; line-height: 50px; text-align: center; border-radius: 50px; background: #fff; box-shadow: 0 0 5px #000;z-index: 9}
*/
/* ********* 首页 ********* */
/*栏目*/
.column-list {
	padding: 20px 0 0 0;
	list-style: none;
	overflow: hidden
}

.column-list .column-item {
	float: left;
	width: 20%;
	margin: 0 2%;
	text-align: center;
	line-height: 2.5
}

.column-list .column-item:first-child {
	margin-left: 4%
}

.column-list .column-item a {
	color: #333
}

/*产品*/
.index-product-container .swiper-wrapper {
	white-space: nowrap;
	font-size: 0
}

.index-product-container .swiper-wrapper .swiper-slide {
	float: none;
	display: inline-block;
	padding: 0
}

.index-product-container .swiper-wrapper .swiper-slide a {
	display: block;
	padding: 0 7px;
}

.index-product-container .proportion-constrain-4b3,
.product-list .proportion-constrain-4b3 {
	border: solid 1px #ccc;
	/*height: 270px;*/
}

.product-title {
	line-height: 3;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.index-product-container .product-title {
	text-align: center;
}

.index-products .product-list-category {
	position: relative;
	padding: 10px 0
}

/*关于*/
.index-about .about-txt {
	font-size: 15px;
	margin: 20px 0;
	text-indent: 2em;
	/*height:168px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
    line-height: 28px;
	
}

/*新闻*/
.index-news-list .news-item {
	margin-top: 10px
}

.index-news-list .news-item a {
	display: block;
	/*padding:10px 0*/
}

.index-news-list .news-item a h3 {
	transition: .3s;
	-ms-transform: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}


.news-img {
	float: left;
	width: 73px;
	height: 73px
}

.news-date {
	color: #f16e1d;
	border: solid 1px;
	font-size: 14px;
	text-align: center;
	padding: 9px 0;
	border-radius: 10px
}


.news-date-day {
	font-size: 22px
}

.news-info {
	color: #666;
	overflow: hidden;
	line-height: 2
}

.index-news-list .news-info {
	padding-left: 20px;
}

.news-info .news-info-title,
.news-info .news-info-txt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-info .news-info-title {
	color: #222;
	line-height: 1.3;
	font-size: 16px;
	;
	margin: 10px 0
}

.news-info .news-info-txt {
	font-size: 14px;
	line-height: 2;
}

/* ********* 产品列表 ********* */
.product-list-page {
	/*padding:20px 0*/
}

.product-list-page .product-list {
	margin-top: 10px
}

.product-list-page .product-list li:nth-child(n+7) {
	display: block
}

.product-list .product-title {
	text-align: center
}

/* ********* 产品详情 product.html ********* */
.pb-body .pb-txt {
	overflow: hidden;
	color: #666;
	line-height: 2
}

.pb-txt .product-date-com .pdc-date {
	margin-right: 20px
}

.pb-txt .pb-txt-header .product-title {
	display: inline-block;
	vertical-align: middle;
	color: #3a393c;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	line-height: 1.5;
}

.product-date-com {
	font-size: 14px
}

.pb-txt .pb-summary {
	color: #333;
	line-height: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.pb-txt .pb-summary .txt {
	color: #999
}

.pd-edit {
	margin-top: 10px;
	line-height: 2
}

.pd-edit img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.pd-edit h3 {
	font-size: 18px;
	font-weight: bold
}

.pd-other-link {
	line-height: 3
}

.product-buy {
	padding: 10px 0
}

/*产品订单*/
.order-form .control-label {
	font-size: 14px;
	white-space: nowrap;
	text-align: right
}

.order-form textarea {
	resize: vertical;
}

/* ********* 新闻中心 news-list.html ********* */
.news-list-page .news-list li {
	margin: 10px 0;
	background: #f7f7f7
}

.news-item a {
	display: block
}

/* [del] .news-list{overflow:hidden}*/
.news-list li {
	overflow: hidden;
	padding: 20px 0 16px 0
}

.news-list .news-date {
	float: left;
	text-align: center;
	color: #999
}

.news-date .nd-date {
	font-size: 40px
}

.news-list .news-content {
	overflow: hidden;
	line-height: 2
}

.news-content .nc-title {
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-content .nc-desc {
	height: 56px;
	overflow: hidden
}

/* ********* 新闻 news.html ********* */
.news-detail-title {
	text-align: center
}

.news-detail-info {
	font-size: 14px;
	text-align: center;
	margin: 10px 0
}

.news-detail-wrap .news-detail-content {
	line-height: 2;
	margin-bottom: 30px
}

.news-detail-wrap .news-detail-content img {
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.ndr-list li a {
	float: right;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.footer .feedback-code-wrapper {
	margin-top: 0px;
}

.feedback-code-wrapper img {
	padding: 0;
	width: auto
}
.qr-code-wrap .qr-code img{
    width: 150px;
}

/* ********* Page ********* */
/* ********* Page ********* */
/* ********* Page ********* */

/*Mobile*/
@media screen and (max-width: 767px) {
	.navbar-brand {
		position: absolute;
		left: 0;
		right: 60px;
		padding-right: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/*导航*/
	.breadcrumb {
		background: #fff;
		border: solid 15px #eee;
		border-left: none;
		border-right: none;
		margin-bottom: 0;
	}

	.carousel-inner>.item>a>img {
		height: 50vw;
		object-fit: cover
	}

	.section-header .subtitle:before,
	.section-header .subtitle:after {
		width: 40px
	}

	/*产品*/
	.index-products .product-list-category {
		overflow: hidden
	}

	.product-list-category a {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
		text-align: center;
		background: #eee;
		line-height: 3;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.product-list-category a:nth-of-type(3n) {
		margin-right: 0
	}

	.product-list-category .vline-title {
		display: block;
		margin: 10px 0
	}

	.index-products .swiper-wrapper {
		width: auto;
		margin: 0 -7px;
		white-space: normal;
	}

	.index-product-container .swiper-slide {
		width: 50%;
		font-size: 14px
	}

	.index-product-container .swiper-slide:nth-child(n+5) {
		display: none
	}

	/*关于，新闻*/
	.index-about-news {}

	.index-about,
	.index-news {
		border-top: solid 15px #eee;
		padding-top: 20px;
		padding-bottom: 20px
	}

	.news-info .news-info-txt {
		white-space: normal;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis
	}

	.news-info .news-info-title {
		color: #878787;
		margin-top: 0;
		font-size: 14px;
	}

	.index-news-list {
		margin-top: 20px
	}

	.index-news-list .news-item a {
		padding: 0;
		border-bottom: solid 1px #ddd
	}

	.news-item:last-child a {
		border: none
	}

	/* ********* 产品列表 ********* */
	.product-list-page .main-content-right {
		padding-bottom: 10px
	}

	.product-list-page .container {
		padding: 0
	}

	/*.product-list-page .container{display:table;table-layout:fixed;width:100%;padding:0}
	.product-list-page .container .product-cates{display:table-header-group}*/
	.product-list-page .section-header .title,
	.related-news .rn-title,
	.m-vline-header {
		font-size: 16px;
		padding-left: 15px;
		text-align: left;
		color: #f16e1d;
		font-weight: bold;
		border-left: solid 5px #f16e1d
	}

	.product-list-page .product-cates .section-header {
		padding: 10px 0
	}

	.product-list-page .main-content-right,
	.product-list-page .container .product-cates .section-header,
	.product-list-page .container .product-cates .cates-tabbtns {
		margin: 0 15px
	}

	.cates-tabbtns {
		overflow: hidden;
		text-align: center;
		line-height: 2.5;
	}

	.cates-tabbtns li {
		float: left;
		width: 30%;
		margin-right: 5%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		background: #eee;
		margin-bottom: 10px
	}

	.cates-tabbtns li:nth-child(3n) {
		margin-right: 0
	}

	.cates-tabbtns li a {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.product-list li:nth-child(odd) {
		padding-right: 7px;
	}

	.product-list li:nth-child(even) {
		padding-left: 7px;
	}

	/* ********* 产品 ********* */
	.product-page .container {
		padding: 0
	}

	.product-page .breadcrumb {
		margin: 0
	}

	.pd-other-link {
		border-top: solid 15px #eee
	}

	/*相关新闻*/
	.related-news {
		border-top: solid 15px #eee;
		padding: 15px 15px 0 15px
	}

	.related-news .rn-list {
		margin-top: 20px;
		line-height: 3.5
	}

	.related-news .rn-list li {
		position: relative;
		overflow: hidden;
		border-top: solid 1px #ddd
	}

	.related-news .rn-list li a {
		/*float:left;width:70%;*/
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* 删除.related-news .rn-list li .rn-date{float:right}*/
	/*产品推荐*/
	.recommend-products {
		padding: 15px
	}

	.recommend-products .rp-container {
		margin-top: 10px
	}

	.recommend-products .rp-container .product-list li:nth-child(odd) {
		padding-right: 7.5px
	}

	.recommend-products .rp-container .product-list li:nth-child(even) {
		padding-left: 7.5px
	}

	.product-brief {
		padding: 15px
	}

	.product-detail,
	.recommend-products {
		padding: 15px 15px 0;
		border-top: solid 15px #eee
	}

	/* ********* 新闻中心 news-list.html ********* */
	.news-list-nav .container {
		padding: 0
	}

	.news-list-page .news-list li {
		padding: 20px;
		position: relative;
	}

	.news-item a .news-info {
		line-height: 2;
		padding-left: 0
	}

	.news-item-date .nid-ym {
		float: left
	}

	.news-item-date .nid-ym::after {
		content: '-'
	}

	.news-info .ninf-title {
		color: #878787;
		font-size: 14px;
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.news-info .ninf-summary {
		max-height: 96px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2
	}

	.news-item a .news-info-link {
		padding: 2px 20px;
		color: #fff;
		background: #3a393c
	}

	/* ********* 新闻 news.html ********* */
	.news-page .container {
		padding: 0
	}

	.news-detail-wrap {
		padding: 15px
	}

	.news-detail-title {
		margin-top: 10px
	}

	.news-detail-content img,
	.news-detail-content iframe,
	.news-detail-content video,
	.news-detail-content embed {
		max-width: 100%
	}

	.news-detail-wrap .pd-other-link {
		border-bottom: solid 15px #eee
	}

	.nd-related {
		padding-top: 20px
	}

	.ndr-list {
		line-height: 3.5;
		overflow: hidden
	}

	.ndr-list li {
		padding: 0
	}

	.ndr-list li a {
		border-bottom: solid 1px #ddd
	}

	/* ********* 关于 about.html ********* */
	.about-hot-products,
	.about-news-wrap {
		padding: 15px 0;
		border-top: solid 15px #eee
	}

	.about-hot-products .section-header .title,
	.about-news-wrap .section-header .title {
		margin: 10px 0;
		font-size: 20px
	}

	.about-news-wrap .news-date {
		background: 0
	}

	.spliter {
		border-top: solid 15px #eee
	}

	h1 {
		font-size: 18px
	}

	h2 {
		font-size: 16px;
	}

	h3,
	h4,
	h5,
	h6 {
		font-size: 14px;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: bold
	}

	.news-detail-content img {
		max-width: 100%;
		height: auto
	}

	.footer .contact {
		color: #333;
		background: #fff;
		border-top: solid 15px #eee;
		padding: 20px 15px 20px;
	}

	.footer .feedback {
		border-top: solid 15px #eee;
		padding-top: 30px
			/*;background: #333;*/
	}

	.footer .copyright-wrap {
		padding: 10px 0
			/*;background:#333*/
	}

	.footer .footer-wrap {
		padding: 0
	}

	.footer .contact .head {
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		margin: 0;
		margin-bottom: 10px;
		color: #3a393c;
		border-left: solid 5px;
		padding: 0 10px;
	}

	.footer .contact>.list {
		line-height: 3;
	}

	/*模块分割线*/
	.index-products {
		border-top: solid 15px #eee;
	}

	.tjwz {
		float: left;
		width: 60%;
	}

	.ksdh h2,
	.tjwz h2 {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.tjwz li {
		width: 90%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 35px;
		list-style: none;
		font-size: 14px;
	}

	.ksdh {
		width: 40%;
		display: inline-block;
	}

	.ksdh ul li {
		width: 50%;
		display: inline-block;
		float: left;
		line-height: 35px;
		font-size: 14px;
	}
}

.news-item a:hover .news-info .news-info-title{
    color: #f16e1d ;
}
/*PC*/

@media screen and (min-width:768px) {
	body {
		font-size: 16px
	}

	.navbar-logo {
		float: left
	}

	.nav {
		float: right;
		margin-top: 20px
	}
    .sychanpin{
        /*height: 350px !important;*/
    }
	.container .navbar-collapse {
		padding: 20px 0
	}

	/* ********* 首页 ********* */
	.product-center .product-cates {
		float: left;
		padding-bottom: 200px;
		margin-bottom: -200px
	}

	.product-cates {
		float: left;
		width: 233px;
		padding: 20px 0;
		margin-bottom: 20px;
		color: #fff;
		background: #f7f7f7
	}

	.product-cates .title {
		font-size: 18px;
		color: #333;
		margin-bottom: 0
	}

	.cates-tabpages .tabpage {
		position: relative
	}

	.cates-tabpages .tabpage .more-btn-block {
		position: absolute;
		top: 0;
		right: 0;
		color: #333
	}

	.product-list-wrapper {
		overflow: hidden
	}

	.pcenter-title {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		margin: 20px 0
	}

	.index-product-container .swiper-wrapper .swiper-slide {
		width: 25%;
		font-size: 16px
	}

	.index-products .product-list-category a {
		margin-right: 30px;
		font-weight: 400;
	}

	/*优势*/
	.index-advantage {
		background: #eee;
		padding: 30px 0
	}

	.adv-item {
		float: left;
		width: 23%;
		margin-right: 1%;
		border-radius: 15px;
		padding: 30px 20px;
		line-height: 2;
		text-align: center;
		background: #fff;
		box-shadow: 0 0 10px #ccc
	}

	/* [since ie8 not support css3 (nth-child) but siblings (~).].adv-item:last-child{margin-right:0}*/
	.adv-item~.adv-item {
		margin-left: 1.3%
	}

	.adv-item-name {
		font-size: 16px;
		font-weight: bold;
	}

	.adv-item-desc {
		color: #666;
		text-align: center;
		font-size: 14px;
		height: 56px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis
	}

	/*产品*/
	.index-products {
		padding: 40px 0
	}

	.index-product-container {
		padding: 20px 0;
		overflow: hidden
	}

	.swiper-btn-container {
		position: absolute;
		right: 0;
		top: 0;
	}

	.swiper-btn-container .slide-btn {
		cursor: pointer;
		width: 40px;
		line-height: 40px;
		text-align: center;
		color: #fff;
		background: #999;
	}

	/*关于*/
	.index-about-contact .btn {
		width: 260px;
		color: #fff;
		background: #f16e1d;
		border-radius: 0
	}

	.index-about-contact .btn-qq {
		margin-left: 20px;
		background: #333
	}

	/*新闻*/
	.index-news {
		padding-left: 30px;
		background: url(../imgs/hshadow.png) no-repeat
	}

	.index-about-news {
		padding: 30px 0 60px;
		background: #eee
	}

	.index-news-list {
		margin-top: 20px
	}

	.index-news-list .news-item a:hover h3 {
		color: #3a393c
	}

	/*导航*/
	.pc-bc .breadcrumb {
		font-size: 14px;
		line-height: 1.4;
		margin: 20px 0 10px 0;
		padding: 0;
		background: 0;
	}

	.tjwz {
		float: left;
		width: 60%;
	}

	.ksdh h2,
	.tjwz h2 {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.tjwz li {
		width: 90%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 35px;
		list-style: none;
		font-size: 14px;
	}

	.ksdh {
		width: 40%;
		display: inline-block;
	}

	.ksdh ul li {
		width: 50%;
		display: inline-block;
		float: left;
		line-height: 35px;
		font-size: 14px;
	}

	.footer-wrap .qr-code-wrap div {
		margin-bottom: 20px;
		margin-top: 17px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}

	.footer-wrap .qr-code-wrap div {
		margin-bottom: 20px;
		margin-top: 17px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}

	/*产品三级分类*/
	.subcates {
		display: none;
		overflow: hidden;
		background: #fff;
		padding-bottom: 20px
	}

	.subcates.active {
		display: block
	}

	.subcates li {
		float: left;
		width: 25%;
		line-height: 25px;
		padding-left: 30px;
		/* background: url(../icons/subcates-bg.png) no-repeat 15px center; */
	}

	.subcates li a {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.subcates li a.active {
		color: #09f
	}



	/* ********* 产品列表 product-list.html ********* */
	.product-list-page {
		padding: 20px 0
	}

	/*.product-list-page .product-cates{float:left;margin-bottom:20px}*/
	.container .main-content-right {
		overflow: hidden
	}

	.container .main-content-right {
		float: right;
		width: 65%;
	}

	.cates-tabbtns {
		overflow: hidden;
		padding: 0 17px
	}

	.cates-tabbtns li a {
		display: block;
		margin: 10px 0;
		padding: 10px 24px;
		color: #333;
		background: #fff;
		cursor: pointer
	}

	.cates-tabbtns li a.active,
	.cates-tabbtns li a:hover {
		color: #fff;
		background: #3a393c
	}

	.product-list-header {
		margin-bottom: 10px;
		overflow: hidden;
	}

	.related-news {
		clear: left;
		overflow: hidden;
		width: 233px;
		font-size: 14px;
		padding: 10px;
		margin-top: 20px;
		line-height: 2.3;
		border: solid 1px #ddd
	}

	.related-news .rn-title {
		font-size: 18px;
		text-align: center;
		border-bottom: solid 1px #3a393c;
		margin-bottom: 10px
	}

	.rn-title .inner {
		display: inline-block;
		border-bottom: solid 5px #3a393c;
		margin-bottom: -3px
	}

	.related-news .rn-list {
		list-style: square;
		margin-left: 1em;
		color: #058
	}

	.rn-list li a {
		float: right;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.rn-date {
		display: none
	}

	/* ********* 产品 product.html ********* */
	.product-page {
		padding: 20px 0 30px
	}

	.product-brief .pb-body {
		overflow: hidden
	}

	.pb-txt .pb-summary {
		max-height: 114px
	}

	.pb-body .pb-txt-wrapper,
	.pb-body .pb-img {
		border: solid 1px #ddd;
		width: 49%;
		float: left
	}

	.pb-img img {
		border: solid 10px transparent
	}

	.pb-body .pb-txt-wrapper .pb-txt-wrapper-h {
		position: relative;
		padding-bottom: 75%
	}

	.pb-txt-wrapper-h .pb-txt {
		position: absolute;
		padding: 10px 20px;
		width: 100%;
	}

	.pb-body .pb-img {
		margin-right: 2%
	}

	.pb-bordered {
		padding: 10px 0;
		border-bottom: dashed 1px #eee
	}

	.product-page .product-detail {
		margin-top: 20px;
		line-height: 2;
		border: solid 1px #eee
	}

	.product-detail .pdetail-header,
	.recommend-products .rp-header {
		padding: 9px 20px;
		font-size: 18px;
		background: #eee
	}

	.product-detail .pd-edit {
		padding: 20px 30px
	}

	.pd-other-link {
		margin: 0 30px;
		border-top: solid 1px #ddd
	}

	.product-page .related-news {
		overflow: hidden
	}

	/*产品推荐*/
	.recommend-products {
		font-size: 14px;
		margin-top: 20px;
		border: solid 1px #eee
	}

	.recommend-products .rp-container {
		padding: 15px 23px
	}

	.recommend-products .rp-container .product-list li {
		padding: 0 7px;
	}

	/* ********* 新闻中心 news-list.html ********* */
	.news-list-page {
		padding: 20px 30px
	}

	.news-item {
		position: relative
	}

	.news-list-page .news-item a .news-info {
		font-size: 15px;
		padding-left: 20px;
		line-height: 2
	}

	.news-list-page .news-item a .news-info .ninf-title {
		font-size: 18px;
		font-weight: bold
	}

	.news-list-page .news-item a .news-info .ninf-summary {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.news-item .news-item-date {
		position: absolute;
		width: 80px;
		height: 60px;
		left: 10px;
		top: 20px;
		color: #999;
		text-align: center;
		border-right: solid 1px #ddd
	}

	.news-item-date .nid-ym {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%
	}

	.news-item-date .nid-day {
		font-size: 30px
	}

	/* ********* 新闻 news.html ********* */
	.news-page {
		padding: 20px 0 30px
	}

	.news-detail-nav-title {
		padding-bottom: 10px;
		background: #fff
	}

	.news-detail-title {
		font-size: 24px
	}

	.news-detail-wrap {
		background: #f7f7f7
	}

	.news-detail-wrap .news-detail-info {
		color: #999;
		text-align: center;
		border-bottom: solid 1px #ddd;
		margin: 10px 30px;
		padding: 10px 0;
	}

	.news-detail-wrap .news-detail-content {
		margin: 0 30px;
		padding: 20px 0;
	}

	.news-detail-wrap .pd-other-link {
		border-top: solid 15px #fff;
		margin: 0
	}

	/*相关新闻*/
	.ndr-title {
		padding: 15px 0;
		background: #fff
	}

	.ndr-list {
		line-height: 2;
		padding: 20px 0 20px 40px;
		overflow: hidden;
		list-style: square outside
	}

	.ndr-list li {
		padding-left: 0;
		padding-right: 20px
	}

	/* ********* 关于 about.html ********* */
	.about-hot-products {
		background: #eee
	}

	.about-hot-products,
	.about-news-wrap {
		padding: 30px 0
	}

	.about-news-wrap .news-list .news-item {
		float: left;
		width: 48%;
		margin-right: 4%
	}

	.about-news-wrap .news-list .news-item:nth-child(even) {
		margin-right: 0
	}

	/*页脚*/
	.footer .copyright-wrap {
		background: rgba(0, 0, 0, .2);
		line-height: 2.5
	}

	.copyright-item {
		margin: 0 10px
	}
	
	#codeimg {
        height: 34px;
        padding-left: 0;
        width: 150px;
    }
    .footer .feedback-code-wrapper{
        margin-top: 0;
    }
    
    .form-horizontal{
        margin-top: 10px;
    }
    
    .footer .form-control{
        height: 34px;
        
    }

	/*end of PC*/
}

@media screen and (max-width:991px) {

	.pb-body .pb-txt-wrapper,
	.pb-body .pb-img {
		width: 100%
	}

	.pb-body .pb-img {
		margin-bottom: 10px
	}
}

@media (min-width:992px) {
	.container .main-content-right {
		width: 73%;
	}
}

@media (min-width:1200px) {
	.container .main-content-right {
		width: 78%;
	}
}

@media screen and (min-width:1230px) {
	.container {
		width: 1230px
	}
}

/*个人信息*/
.personal-info {
	line-height: 2.5
}

.personal-info .info-bar {
	height: 120px;
	line-height: 2;
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: url(../imgs/info-bg.jpg) no-repeat left top/cover;
}

.personal-info .info-bar p {
	height: 64px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 80%;
	margin: 0 auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.personal-info .info-bar img {
	border: solid 2px #fff;
	border-radius: 50px
}

.personal-info .info-wrapper {
	margin-top: 50px;
	overflow: hidden
}

.info-wrapper .info-item {
	padding: 0 15px
}

.info-wrapper .info-item::after {
	content: '';
	display: block;
	border-bottom: solid 1px #ddd;
	clear: left
}

.info-item .info-name {
	float: left;
	width: 100px;
}

.info-item .info-btn {
	float: right;
	font-size: 14px;
	line-height: 40px
}

.info-title .info-name {
	font-size: 18px;
	font-weight: bold;
	padding-left: 20px;
	background: url(../imgs/info-icon.png)no-repeat left center/ 20px;
}

.info-more-link {
	text-align: center
}

.personal-info .fixed-wx {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 1;
}

.fixed-wx img {
	position: absolute;
	width: 80%;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #3a393c;
	border-color: #3a393c;
}

.pagination>li>a,
.pagination>li>span {
	color: #3a393c;
}